<script setup lang="ts">
import { ref } from 'vue'
import variables from "@/styles/variables.module.scss";
  console.log(variables.bgColor)  
defineProps<{ msg: string }>()

const count = ref(0)
</script>

<template>
<div>
  <el-button type="success"><i-ep-SuccessFilled />Success</el-button>
  <el-button type="info"><i-ep-InfoFilled />Info</el-button>
  <el-button type="warning"><i-ep-WarningFilled />Warning</el-button>
  <el-button type="danger"><i-ep-WarnTriangleFilled />Danger</el-button>
  <el-button type="info">
    <!-- <svg-icon icon-class="visit"/> -->
    <svg-icon icon-class="visit" />SVG 本地图标
  </el-button>
  <div style="display:inline-block" class="box" />
  <div style="width:100px;height:50px;display:inline-block" :style="{ 'background-color': variables.bgColor }" />
</div>
</template>

<style lang="scss" scoped>
.read-the-docs {
  color: #888;
}
.box {
  width: 100px;
  height: 50px;
  background-color: $bg-color;
}
</style>
